import { Tabs } from 'antd-mobile';

export default function(props) {
  const handleTabChange = (activeKey, index) => {
    console.log('​handleTabChange -> index', index);
    console.log('​handleTabChange -> activeKey', activeKey);
    history.pushState(null, activeKey.title, `/layout/factoryVedio?tabName=main&page=${index}`)
  };
  return (
    <Tabs
      tabs={props.tabs}
      tabBarUnderlineStyle={{ borderColor: '#f86110' }}
      tabBarActiveTextColor="#f86110"
      tabBarInactiveTextColor="#000"
      initialPage={props.page}
      // onChange={handleTabChange}
    >
      {props.children}
    </Tabs>
  );
}
